<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../../axios.js"></script>
</head>

<body>
    <pre>
        1、请求拦截器：在发送请求之前，设置请求数据
        2、响应拦截器：在获取响应数据之前，处理相应数据
    </pre>

    <script>
        // axios.defaults.baseURL = 'http://localhost:3000'

        // axios.defaults.headers['mytoken'] = 'askdaksdkasdlajsdl';

        axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded'



        // 请求拦截器：在发送请求之前，设置请求数据
        axios.interceptors.request.use(function(config) {
            // 在发送请求之前做些什么
            console.log(config)
            config.baseURL = "http://localhost:3000"
            config.headers.mytoken = 'nihao'
            return config;
        }, function(error) {
            // 对请求错误做些什么
            return Promise.reject(error);
        });

        // 响应拦截器：在获取响应数据之前，处理相应数据
        axios.interceptors.response.use(function(response) {
            // 对响应数据做点什么
            console.log(response)
            let data = response.data
            return response;
        }, function(error) {
            // 对响应错误做点什么
            return Promise.reject(error);
        });







        axios.get('/axios', {
            params: {
                id: 1
            }
        }).then((data) => {
            console.log(data.data)
        })

        axios.get('/axios/1')
            .then((data) => {
                console.log(data.data)
            })

        axios.post('/axios', {
            uname: 'wzp',
            pwd: 123456
        }).then((data) => {
            console.log(data.data)
        })

        axios.put('/axios/11', {
            uname: 'wzp',
            pwd: 123456
        }).then((data) => {
            console.log(data.data)
        })
    </script>





</body>

</html>